// component/slider/slider.js
var speedSliderX;       // 速度标尺0位置的X坐标
Component({
  /**
   * 组件的初始数据
   */
  data: {
    left2: 0,                  // 调节马达速度滑块实时位置
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 自定义滑动条--马达速度
    touchstart3(e) {
      let that = this
      // 获取滑块起点位置speedSliderX（每一次移动的起点位置）
      // 水平方向，则e.changedTouches[0]取pageX，若是垂直方向则取pageY
      speedSliderX = e.changedTouches[0].pageX - e.currentTarget.offsetLeft
    },
    touchmove3(e) {
      let that = this

      let left
      // 水平方向，则e.changedTouches[0]取pageX，若是垂直方向则取pageY
      left = (e.changedTouches[0].pageX - speedSliderX) * 2

      // 限制滑块可滑动长度
      if (left < 0) {
        left = 0
      } else if (left > 400) {
        left = 400
      }

      // 总长400，除以50，分成8段，left：当前位于第几段。Math.ceil()向下取整，只要有小数则在整数部分加1
      left = Math.ceil(left / 50)
      that.setData({
        left2: left * 50
      })

      // value:滑动条当前值，这里left * 5，表示步长为5，可自由设置步长
      let value = left * 5;
      that.setData({
        speed: value
      })

    },
  }
})
